<!--<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>个人中心</title>-->
<!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">-->
<!--    <style>-->
<!--        .container {-->
<!--            background-color: #E5FCFB;-->
<!--            padding: 20px;-->
<!--            border-radius: 10px;-->
<!--            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);-->
<!--        }-->

<!--        .header {-->
<!--            background: linear-gradient(90deg, #0ACCCE, #00BFFF);-->
<!--            border-radius: 10px;-->
<!--        }-->

<!--        .image-preview {-->
<!--            width: 100px;-->
<!--            height: 100px;-->
<!--            border-radius: 50%;-->
<!--            object-fit: cover;-->
<!--            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-->
<!--        }-->

<!--        .btn {-->
<!--            transition: transform 0.2s;-->
<!--        }-->

<!--        .btn:hover {-->
<!--            transform: scale(1.05);-->
<!--        }-->
<!--        @media (max-width: 768px) {-->
<!--            .container {-->
<!--                padding: 15px;-->
<!--            }-->

<!--            .form-label {-->
<!--                font-size: 0.9rem;-->
<!--            }-->

<!--            .image-preview {-->
<!--                width: 80px;-->
<!--                height: 80px;-->
<!--            }-->
<!--        }-->

<!--    </style>-->

<!--</head>-->
<!--<body>-->

<!--<div class="container mt-5" style="background-color: #E5FCFB; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">-->
<!--    <div class="p-3 mb-2 text-white text-center" style="background-color: #0ACCCE; border-radius: 10px;">-->
<!--        <h3>个人中心</h3>-->
<!--    </div>-->

<!--    <form name="myform" method="post" th:object="${user}" class="row g-3" enctype="multipart/form-data">-->
<!--        &lt;!&ndash; 左侧列 &ndash;&gt;-->
<!--        <div class="col-md-6">-->
<!--            &lt;!&ndash; 姓名 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="name" class="form-label">我的名字</label>-->
<!--                <input type="text" class="form-control" id="name" th:value="${user.name}" readonly>-->
<!--            </div>-->

<!--            &lt;!&ndash; 性别 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="sex" class="form-label">我的性别</label>-->
<!--                <input type="text" class="form-control" id="sex" th:value="${user.sex}" readonly>-->
<!--            </div>-->

<!--&lt;!&ndash;            &lt;!&ndash; 出生日期 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="mb-3">&ndash;&gt;-->
<!--&lt;!&ndash;                <label for="birthday" class="form-label">我的出生日期</label>&ndash;&gt;-->
<!--&lt;!&ndash;                <input type="text" class="form-control" id="birthday" th:value="${#dates.format(user.birthday, 'yyyy-MM-dd')}" readonly>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->

<!--            &lt;!&ndash; 地址 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="address" class="form-label">我的地址</label>-->
<!--                <input type="text" class="form-control" id="address" th:value="${user.address}" readonly>-->
<!--            </div>-->
<!--        </div>-->

<!--        &lt;!&ndash; 右侧列 &ndash;&gt;-->
<!--        <div class="col-md-6">-->
<!--            &lt;!&ndash; 电话 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="phone" class="form-label">我的电话</label>-->
<!--                <input type="text" class="form-control" id="phone" th:value="${user.phone}" readonly>-->
<!--            </div>-->

<!--            &lt;!&ndash; 密码 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="pwd" class="form-label">我的密码</label>-->
<!--                <input type="password" class="form-control" id="pwd" th:value="${user.pwd}" readonly>-->
<!--            </div>-->

<!--            &lt;!&ndash; 身份证 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="cno" class="form-label">我的身份证</label>-->
<!--                <input type="text" class="form-control" id="cno" th:value="${user.cno}" readonly>-->
<!--            </div>-->

<!--            &lt;!&ndash; 余额 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="balance" class="form-label">我的余额</label>-->
<!--                <input type="text" class="form-control" id="balance" th:value="${user.balance}" readonly>-->
<!--            </div>-->

<!--            &lt;!&ndash; 头像 &ndash;&gt;-->
<!--            <div class="mb-3">-->
<!--                <label for="tx" class="form-label">我的头像</label>-->
<!--                <img th:src="${user.tx}" class="image-preview">-->
<!--            </div>-->
<!--        </div>-->

<!--        &lt;!&ndash; 操作按钮 &ndash;&gt;-->
<!--        <div class="col-12 text-center">-->
<!--            <button type="button" class="btn btn-primary">-->
<!--                <a th:href="@{toUpdate}" class="text-light" style="text-decoration: none;">修改</a>-->
<!--            </button>-->
<!--            <button type="button" class="btn btn-success">-->
<!--                <a th:href="@{toRecharge}" class="text-light" style="text-decoration: none;">充值</a>-->
<!--            </button>-->
<!--            <button type="button" class="btn btn-danger">-->
<!--                <a th:href="@{toLogout}" class="text-light" style="text-decoration: none;">退出登录</a>-->
<!--            </button>-->
<!--        </div>-->
<!--    </form>-->
<!--</div>-->


<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>-->
<!--</body>-->
<!--</html>-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的信息</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free Website Template" name="keywords">
    <meta content="Free Website Template" name="description">
    <link th:href="@{/css/doctordetail.css}"  rel="stylesheet">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&family=Poppins&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <style>
        .button-row{
            justify-content: center;
        }
        .board-input{
            height:35px;
            translation:0.5s;
            border-color: rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            margin-right: 5px;
        }
        .board-input:focus{
            outline: none;
            border-color: rgba(0, 0, 0, 0.3);
        }
        .board-button{
            padding: 5px 10px;
            border-radius: 5px;
            translation:0.5s;
            cursor: pointer;
            margin-left: 5px;
        }
        .board-button-1{
            border-color: #409EFF;
            color: #409EFF;
            background-color: #CDF8FF;
        }
        .board-button-1:hover{
            border-color:  #57E2FB;
            color: white;
            text-decoration: none;
            background-color:  #57E2FB;
        }

        .board-button-2{
            color: #F7C09B;
            border-color: #F4DAB1;
            background-color:#FDE8D9;
        }
        .board-button-2:hover{
            color:white;
            text-decoration: none;

            border-color: #EEC4A0;
            background-color:#EEC4A0;
        }

        .pt-5,
        .py-5 {
            padding-top: 1rem !important;
        }

        .pr-5,
        .px-5 {
            padding-right: 3rem !important;
        }

        .pb-5,
        .py-5 {
            padding-bottom: 1rem !important;
        }

        .pl-5,
        .px-5 {
            padding-left: 3rem !important;
        }
    </style>
</head>
<body>


<a href="javascript:history.back()" class="back-button">返回</a>
<!--<div th:include="admin/header"></div>-->
<div class="wrapper">
    <div class="sidebar">
        <div class="sidebar-text d-flex flex-column h-100 justify-content-center text-center">
            <img class="w-100 img-fluid mb-4" th:src="${user.tx}" alt="Doctor's Image">
            <!--            <img class="w-100 img-fluid mb-4" src="img/profile.jpg" alt="Doctor's Image">-->
            <h1 th:text="${user.name}" class="mt-2"></h1>
            <div class="mb-4" style="height: 22px;">
                <h4 class="typed-text-output d-inline-block text-body"></h4>
                <div class="typed-text d-none">重庆师范大学 , 校医院医生团队 , 我的宗旨是 , 为人民服务 , 为您的健康保驾护航 , 请信赖我们</div>
            </div>

            <div class=" container bg-white py-5">
                <div class="introduce-section row px-3">
                    <div class="col-12">
                        <div class="button-row row">
                            <a class="board-button board-button-1" th:href="@{toUpdate}" target="_blank">修改信息</a>

                            <a class="board-button board-button-2" th:href="@{http://localhost:8080/auth/logout}">退出登录</a>
                            <a class="board-button board-button-1" th:href="@{toRecharge}" target="_blank">充值</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-center mt-auto mb-3">
                <a class="mx-2" href="#"><i class="fab fa-github"></i></a>
                <a class="mx-2" href="#"><i class="fab fa-google"></i></a>
                <a class="mx-2" href="#"><i class="fab fa-whatsapp"></i></a>
            </div>

        </div>
        <div class="sidebar-icon d-flex flex-column h-100 justify-content-center text-right">
            <i class="fas fa-2x fa-angle-double-right text-primary"></i>
        </div>
    </div>




    <div class="content">
        <div class="introduce-section container bg-white py-5">
            <div class="introduce-section row px-3">
                <div class="col-12">
                    <h2 class="title position-relative pb-2 mb-4">关于我</h2>
                </div>
                <div class="col-12">
                    <div class="row">
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">我的姓名:</h5> <span th:text="${user.name}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">电话号码:</h5> <span th:text="${user.phone}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">密码:</h5> <span th:text="${user.pwd}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">性别:</h5> <span th:text="${user.sex}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">创建时间:</h5> <span th:text="${user.createDate}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">身份证:</h5> <span th:text="${user.cno}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">余额:</h5> <span th:text="${user.balance}"></span>
                        </div>
                        <!--                        <div class="col-sm-6 py-1">-->
                        <!--                            <h5 class="d-inline text-primary">所属科室:</h5> <span th:text="${doctor.}"></span>-->
                        <!--                        </div>-->
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">地点:</h5> 重庆师范大学校医院
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class=" container bg-white py-5">
            <div class="introduce-section row px-3">
                <div class="col-12">
                    <h2 class="title position-relative pb-2 mb-4">住址</h2>
                </div>
                <div class="col-12">
                    <p th:text="${user.address}"></p>
                </div>
            </div>
        </div>



        <div class="container-fluid bg-white pt-5 px-0">
            <div class="container text-light text-center py-5">
                <div class="d-flex justify-content-center mb-4">
                    <a class="btn btn-outline-primary btn-square mr-2"><i class="fab fa-github"></i></a>
                    <a class="btn btn-outline-primary btn-square mr-2"><i class="fab fa-google"></i></a>
                    <a class="btn btn-outline-primary btn-square mr-2"><i class="fab fa-whatsapp"></i></a>
                </div>
                <div class="d-flex justify-content-center mb-3">
                    <a class="text-white">重庆师范大学</a>
                    <span class="px-3">|</span>
                    <a class="text-white" >校医院</a>
                    <span class="px-3">|</span>
                    <a class="text-white" >医生信息</a>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="js/typed/typed.min.js"></script>
<script src="js/typed/main.js"></script>
</body>
</html>









